// Dialog

@import '../../style/themes/default';
@import '../../style/mixins/index';
@import './param';

@mixin dialog {
  width: 100%;
  height: 100%;
  x-alert {
    height: 100%;
    .x-alert {
      min-height: 100%;
      height: fit-content;
      align-items: inherit;
      padding: 0;
      &-inner {
        min-height: 100%;
        display: flex;
        flex-direction: column;
      }
      &-title {
        padding: 0.5rem 1rem 0 1rem;
      }
      &-content {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0 1rem 0.5rem 1rem;
      }
    }
  }
  &-inner {
    display: flex;
    flex-direction: column;
    margin: 0.5rem 0;
    flex: 1;
  }
  &-buttons {
    display: flex;
    justify-content: flex-end;
    > x-buttons {
      margin-top: 1rem;
      align-self: flex-end;
    }
    &-center {
      justify-content: center;
    }
  }
  &-content {
    display: inline-flex;
    flex: 1;
  }
}
